@media screen and (min-width:339px) {
    html {
        font-size: 30px;
    }
}

@media screen and (min-width:399px) {
    html {
        font-size: 35px;
    }
}

@media screen and (min-width:449px) {
    html {
        font-size: 40px;
    }
}

@media screen and (min-width:499px) {
    html {
        font-size: 45px;
    }
}

@media screen and (min-width:549px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width:599px) {
    html {
        font-size: 55px;
    }
}

@media screen and (min-width:649px) {
    html {
        font-size: 60px;
    }
}

@media screen and (min-width:699px) {
    html {
        font-size: 65px;
    }
}

@media screen and (min-width:759px) {
    html {
        font-size: 70px;
    }
}

@media screen and (min-width:799px) {
    html {
        font-size: 75px;
    }
}

@media screen and (min-width:859px) {
    html {
        font-size: 80px;
    }
}

@media screen and (min-width:899px) {
    html {
        font-size: 85px;
    }
}

@media screen and (min-width:959px) {
    html {
        font-size: 90px;
    }
}

@media screen and (min-width:999px) {
    html {
        font-size: 95px;
    }
}

@media screen and (min-width:1049px) {
    html {
        font-size: 100px;
    }
}

@media screen and (min-width:1099px) {
    html {
        font-size: 105px;
    }
}

@media screen and (min-width:1149px) {
    html {
        font-size: 110px;
    }
}

@media screen and (min-width:1199px) {
    html {
        font-size: 120px;
    }
}